<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/diary_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
    <div id="main">

        <!--header start-->
        <div id="header">
            {include file="diary/topnav" /}
        </div>
        <!--header stop-->

        {include file="common/nav" /}

        <!--small-nav start-->
        <div id="small-nav">
            <div class="com">
                <span class="title">首页</span>
                <span class="iconfont icon-you"></span>
                <span class="title">{$parentNavigation['name']}</span>
                <span class="iconfont icon-you"></span>
                <span class="title">{$pageInfo['name']}</span>
            </div>
        </div>
        <!--small-nav stop-->

        <!--page-title start-->
        {if !empty($pageInfo)}
        <div id="page-title" class="com">
            <span class="title">{$pageInfo['name']}</span>
            <span class="content">{$pageInfo['info']}</span>
        </div>
        {/if}
        <!--page-title stop-->

        <div id="center" class="com">
            <div id="left-box">

                <!--ctitle start-->
                {if !empty($children)}
                <div class="ctitle">
                    {volist name="children" id="child"}
                    <a href="/diary/{$id}/{$child.id}"><div {if $cid==$child['id']}class="active"{/if} data-category_id="{$child.id}">{$child.name}</div></a>
                    {/volist}
                </div>
                {/if}
                <!--ctitle start-->

                <!--article-list start-->
                {if !empty($articleList)}
                <div class="article-list">
                    {volist name="articleList" id="article"}
                    <div class="article">
                        <div class="thumb"><a href="{:url('/detail/'.$article['id'])}" target="_blank"><img src="{$article.thumb|image_processing=0}" alt="{$article.title}" title="{$article.title}"/></a></div>
                        <div class="title"><a href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a></div>
                        <div class="introduction">{$article.info}</div>
                        <div class="info">
                            <span>{$article.createtime}</span>
                            <a href="{:url('/detail/'.$article['id'])}" target="_blank">阅读+</a>
                        </div>
                    </div>
                    {/volist}
                </div>
                {else/}
                <p style="height:40px; line-height: 40px; text-align: center; padding-bottom: 20px;">暂无数据</p>
                {/if}
                <!--article-list stop-->

                <!--page start-->
                {if !empty($show)}
                <div class="page">
                    {$show}
                </div>
                {/if}
                <!--page stop-->
            </div>

            <div id="right-box">

                <!--blogger-introduction start-->
                {if !empty($site.blogger_info)}
                <div class="blogger-introduction">
                    <h2 class="title">博主简介</h2>
                    <p>{$site.blogger_info}</p>
                </div>
                {/if}
                <!--blogger-introduction stop-->

                <!--tag-cloud start-->
                {if !empty($tagsList)}
                <div class="tag-cloud">
                    <h2 class="title">标签云</h2>
                    <div id="tag-box">
                        {volist name="tagsList" id="tag"}
                        <a href="/list/0/0/{$tag.id}" target="_blank">{$tag.name}</a>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--tag-cloud stop-->

                <!--click-rank start-->
                {if !empty($clicksSortArticleList)}
                <div class="click-rank">
                    <h2 class="title">点击排行</h2>
                    <ul>
                        {volist name="clicksSortArticleList" id="clicks"}
                        <li><i></i><a href="{:url('/detail/'.$clicks['id'])}" title="{$clicks.title}" target="_blank">{$clicks.title}</a></li>
                        {/volist}
                    </ul>
                </div>
                {/if}
                <!--click-rank stop-->

                <!--blogger-introduction start-->
                {if !empty($cooperativePartnerList)}
                <div class="blogger-introduction">
                    <h2 class="title">合作伙伴</h2>
                    <ul class="content">
                        {volist name="cooperativePartnerList" id="cooperativePartner"}
                        <li><a {if !empty($cooperativePartner.link)}href="{$cooperativePartner.link}"{else/}href="javascript:void(0);"{/if} target="_blank">{$cooperativePartner.name}</a></li>
                        {/volist}
                    </ul>
                </div>
                {/if}
                <!--blogger-introduction stop-->

            </div>

        </div>

        <div style="height: 40px; clear: both;"></div>

        {include file="common/footer" /}

    </div>

    <script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
    <script type="text/javascript" src="__JS__/diary_index.js?v=__VERSION__"></script>
</body>
</html>